<template>
	<view class="page-body">
		<view>
			<text>今天(周四)</text>
		</view>
		<view class="page-view-grid">
			<view class="xb-grid-4">
				<view class="xb-grid-4-item" hover-class="uni-grid-9-item-hover">
					<view class="uni-flex uni-column">
						<view class="uni-flex uni-row grid-text-card-class" style="justify-content: space-between; align-items: center;">
							<text class="grid-text-class">未节课课程0</text>
							<image class="class-main-page-right-arraws" src="../../../static/right-arraws.png"></image>
						</view>
						<text class="class-keping">已课评 0</text>
					</view>
				</view>
				<view class="xb-grid-4-item" hover-class="uni-grid-9-item-hover">
					<view class="uni-flex uni-column">
						<view class="uni-flex uni-row grid-text-card-class" style="justify-content: space-between;">
							<text class="grid-text-class">未节课课程0</text>
							<image class="class-main-page-right-arraws" src="../../../static/right-arraws.png"></image>
						</view>
						<text class="class-keping">已课评 0</text>
					</view>
				</view>
				<view class="xb-grid-4-item" hover-class="uni-grid-9-item-hover">
					<view class="uni-flex uni-column">
						<view class="uni-flex uni-row grid-text-card-class" style="justify-content: space-between;">
							<text class="grid-text-class">未节课课程0</text>
							<image class="class-main-page-right-arraws" src="../../../static/right-arraws.png"></image>
						</view>
						<text class="class-keping">已课评 0</text>
					</view>
				</view>
				<view class="xb-grid-4-item" hover-class="uni-grid-9-item-hover">
					<view class="uni-flex uni-column">
						<view class="uni-flex uni-row grid-text-card-class" style="justify-content: space-between;">
							<text class="grid-text-class">未节课课程0</text>
							<image class="class-main-page-right-arraws" src="../../../static/right-arraws.png"></image>
						</view>
						<text class="class-keping">已课评 0</text>
					</view>
				</view>

			</view>

		</view>
		<view>
			<text style="margin-top: 10px; margin-bottom: 10px;">待处理</text>
		</view>
		<view class="class-wait-deal">
			<view class="uni-list-cell" hover-class="uni-list-cell-hover">
				<view class="uni-list-cell-navigate mainpage-color-gray">
					<view>
						<image class="uni-list-cell-navigate-image" src="../../../static/qianbao.png"></image>
						未来7天生日学员
					</view>
					<text class="uni-badge-range uni-badge-comments">0</text>
				</view>
			</view>
			<view class="uni-list-cell" hover-class="uni-list-cell-hover">
				<view class="uni-list-cell-navigate mainpage-color-gray">
					<view>
						<image class="uni-list-cell-navigate-image" src="../../../static/qianbao.png"></image>
						未签约学员
					</view>
					<text class="uni-badge-range uni-badge-comments">0</text>
				</view>
			</view>
			<view class="uni-list-cell" hover-class="uni-list-cell-hover">
				<view class="uni-list-cell-navigate mainpage-color-gray">
					<view>
						<image class="uni-list-cell-navigate-image" src="../../../static/qianbao.png"></image>
						剩余课时小于2学员
					</view>
					<text class="uni-badge-range uni-badge-comments">0</text>
				</view>
			</view>
			<view class="uni-list-cell" hover-class="uni-list-cell-hover">
				<view class="uni-list-cell-navigate mainpage-color-gray">
					<view>
						<image class="uni-list-cell-navigate-image" src="../../../static/qianbao.png"></image>
						合约到期天书小于30天学员
					</view>
					<text class="uni-badge-range uni-badge-comments">0</text>
				</view>
			</view>
			<view class="uni-list-cell" hover-class="uni-list-cell-hover">
				<view class="uni-list-cell-navigate mainpage-color-gray">
					<view>
						<image class="uni-list-cell-navigate-image" src="../../../static/qianbao.png"></image>
						未排课学员
					</view>
					<text class="uni-badge-range uni-badge-comments">0</text>
				</view>
			</view>
			<view class="uni-list-cell" hover-class="uni-list-cell-hover">
				<view class="uni-list-cell-navigate mainpage-color-gray">
					<view>
						<image class="uni-list-cell-navigate-image" src="../../../static/qianbao.png"></image>
						请假待处理
					</view>
					<text class="uni-badge-range uni-badge-comments">0</text>
				</view>
			</view>
			<view class="uni-list-cell" hover-class="uni-list-cell-hover">
				<view class="uni-list-cell-navigate mainpage-color-gray">
					<view>
						<image class="uni-list-cell-navigate-image" src="../../../static/qianbao.png"></image>
						未绑定微信学员
					</view>
					<text class="uni-badge-range uni-badge-comments">0</text>
				</view>
			</view>

		</view>

	</view>
</template>

<script>
	export default {

	}
</script>

<style scoped >
	@import "../../../common/uni.css";
	@import "../../../common/xb.css";

	.class-keping {
		color: #888888;

	}

	.page-view-grid {
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
		height: 240px;
	}

	.uni-list-cell-navigate-image {
		width: 30px;
		height: 30px;
	}

	.class-main-page-right-arraws {
		width: 30px;
		height: 30px;
	}

	.grid-text-class {

		margin-bottom: 10px;
	}

	.grid-text-card-class {
		width: 100%;
		margin-top: 10px;
	}

	.class-wait-deal {
		background-color: #FFFFFF;
	}
</style>
